﻿.wrapper{margin-bottom:30px;}

.chart-trend .head, .detail-data .head, .rank-box .head, .broker-identity .head{border-bottom: 2px solid #E4E9ED;padding: 10px 0 6px;}
.chart-trend .head > span, .detail-data .head > span, .rank-box .head > span, .broker-identity .head > span{font-size: 16px;/*font-weight: bold;*/}
.chart-trend .head .date, .detail-data .head .date{float:right;margin-right: 15px;}
.chart-trend .head .date label, .detail-data .head .date label{margin-left: 7px;}
.head .date label input{margin-top:-2px;margin-right:2px}
.chart-trend .report-content, .detail-data .report-content, .rank-box .rank, .rank-box .rank-empty, .broker-identity .report-content{margin-top: 10px; border: 1px solid #E4E9ED;overflow:hidden;}
.chart-trend .report-content ul{border-bottom:1px solid #E4E9ED; width:100%;}
.chart-trend .report-content ul li{ float:left;width: 16%;text-align: center;padding: 8px 0 4px;}
.chart-trend .report-content ul li:hover{cursor:pointer;}
.chart-trend .report-content li p.title {height: 18px;}
.chart-trend .report-content ul li .tip{color:#9F9F9F;font-size:12px;}
.chart-trend .report-content ul li .num, .chart-trend .report-content ul li .report-num{font-size:16px;}
.chart-trend .report-content ul li.on{/* font-weight: bold; */border-bottom: 3px solid #ff7713;background-color: #F1F4F6;}
.chart-trend .report-content ul li.on .title{font-weight: bold;}
.chart-trend .report-content ul li.on .num, .chart-trend .report-content ul li.on .report-num{font-size:20px;/* font-weight: bold; */}
.chart-trend .report-content .graphic, .chart-trend .report-content .empty{height: 320px;width:100%;}
.chart-trend .report-content .empty p, .rank-box .rank-empty p{padding-top: 160px;text-align: center;}

.detail-data{padding-top: 6px;}

.toggle-table{margin-top: 2px;background-color: #EFF1F4;height:22px;text-align: center;}
.toggle-table .ico{background:url(../images/kai.png) no-repeat left;width: 28px;padding: 0 20px;display: inline-block;height:100%;}
.toggle-table.unfold .ico{background: url(../images/sou.png) no-repeat left;}
.toggle-table
{
    cursor: pointer;
}

.detail-data .down{width:70px;height:30px;display: inline-block; margin-left: 10px; background-color: #ff7713;color:white;text-align: center;line-height: 30px; border-radius: 2px;}
.detail-data .head > span{height: 30px;display: inline-block;line-height: 30px;}
.detail-data .report-content, .report-content-auto{border:0;overflow: auto;}
.detail-data .report-content table{min-width:100%;}
.detail-data .report-content table td,
.detail-data .report-content table th{min-width:22ex;text-align: center;border:1px solid #E4E9ED;padding: 8px;}
.detail-data .report-content table .date, .report-content-auto table .date{width: 12%; min-width: 146px}
.report-content-auto table td, .report-content-auto table th{text-align: center;border:1px solid #E4E9ED;padding: 8px;}
.report-content-auto table{ width: 100%}

/*.detail-data .page {margin:15px;float:right;margin-bottom:40px;}*/

.chart-trend .report-content .graphic-fix{min-height:320px;height:auto;}
.graphic-fix p{padding:20px 22px 0;}
.graphic-fix p:last-child{padding-bottom:22px;}
/*.graphic .name{}*/
.graphic-fix .bg{display:inline-block;width:85%;background-color:#FEC418;margin: 0px 12px;height: 10px;line-height: 10px;}
.graphic-fix .bg2{background-color:#F7F7F7;width:50%;}
.graphic-fix .bg2 .high{height:100%;background-color:#41C3EE;width:90%;display: inline-block;}
.graphic-fix .num, .graphic-fix .report-num{color:#8A8A8A}
.graphic-fix .report-count{color:#8A8A8A; margin-left: 2%;}
@media all and (max-width: 820px) {
    .graphic-fix p{padding-left: 14px;}
    .graphic-fix .bg2{width:33%;}
    .graphic-fix .report-count{margin-left: 1%;}
}
@media all and (min-width: 821px) and (max-width: 1100px) {
    .graphic-fix p{padding-left: 16px;}
    .graphic-fix .bg2{width:36%;}
    .graphic-fix .report-count{margin-left: 1.5%;}
}
@media all and (min-width: 1101px) and (max-width: 1200px) {
    .graphic-fix .bg2{width:46%;}
    .graphic-fix p{padding-left: 18px;}
}

.detail-data .report-content table .total{background-color: #F7F7F7;font-weight: bold;}
.bg-blur{background-color: #F7F7F7;}
.bg-th{background-color: #F1F4F6;}
.table-empty{height:200px;border: 1px solid #E4E9ED;text-align: center;margin-bottom: 20px;}
.table-empty p{margin-top:100px;}
.mt2{margin-top:2px;}

.report-icon-hint{ float: left; width: 16px; height: 16px; margin: 7px 7px 0 0; background:url(/public/images/icon/icon_hint.png) no-repeat; }
.report-icon-help{ float: left; width: 16px; height: 16px; margin: 4px 0 0 7px; background:url(/public/images/icon/icon_hint.png) no-repeat 0 -20px; cursor: pointer;}
.report-arrow{ float: left; width: 0; margin:13px 0 0 4px; border:4px solid #fff; border-width:5px 4px; border-top-color: #656565;}
.border-arrow{ position: absolute; top:-7px; display: block; width: 12px; height: 7px; background:url(/public/images/icon/arrow_top2.png) no-repeat;}
.report-tips{ font-size: 12px;position: absolute; }

